@(logedUser:Option[String] = None, pref:models.User.Preferences)
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>REWINDS</title>

  <script type="text/javascript" src="@asset("public/js/jquery-1.4.1.min.js")"></script>
  <script type="text/javascript" src="@asset("public/js/fancybox/jquery.fancybox-1.3.4.pack.js")"></script>
  <link rel="stylesheet" href="@asset("public/js/fancybox/jquery.fancybox-1.3.4.css")" type="text/css" media="screen" />

  <!-- DEBUG-->
  <script type="text/javascript" src="@asset("public/js/var_dump.js")"></script>
  <!-- /DEBUG-->

  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
  <script type="text/javascript" src="@asset("public/js/jquery-ui-1.8.11.custom.min.js")"></script>
  <script type="text/javascript" src="@asset("public/js/ui.geo_autocomplete.js")"></script>

  <!-- CSS Dropdown -->
  <link href="@asset("public/css/dropdown/dropdown.limited.css")" media="screen" rel="stylesheet" type="text/css" />
  <link href="@asset("public/css/dropdown/themes/default/default.css")" media="screen" rel="stylesheet" type="text/css" />

  <!--[if lt IE 7]>
  <style type="text/css" media="screen">
  body { behavior:url("js/csshover.htc"); }
  </style>
  <![endif]-->

  <link rel="stylesheet" href="@asset("public/css/rewind.css")" type="text/css" media="screen" />
  
  <link rel="stylesheet" href="@asset("public/themes/default/css/style.css")" type="text/css" media="screen" />
  <link rel="stylesheet" href="@asset("public/themes/default/css/size.css")" type="text/css" media="screen" />
  
  <script type="text/javascript" src="@asset("public/js/rewind.js")"></script>
  <script type="text/javascript" src="@asset("public/js/common.js")"></script>
  <script type="text/javascript" src="@asset("public/js/login-register.js")"></script>

</head>
<body>
<div id="wrapper">
<div id="popout" style="display:none;">Agregar Rewind</div>
<span id="loc_address" style="display:none;"></span>

@views.Application.html.top(logedUser)

<!-- main panel -->
  <div id="content">
    <div id="left">
      <div id="year-pointer">
        <div id="year-header" class="nav-header">&nbsp;</div>
            <div id="year-prev" class="nav-prev"><a href="#">&lt;</a></div>
            <div id="year-next" class="nav-next"><a href="#">&gt;</a></div>
        </div>
      <div id="cats-list">
       @views.Application.html.categories()
        <div id="cats-items">
          <div id="cats-header" class="nav-header">{cat title}</div>
            <div id="cats-prev" class="nav-prev">&lt;</div><div id="cats-next" class="nav-next">&gt;</div>
            <div id="cats-entries">
              <!-- entries goes here -->
            </div>
        </div><!-- cats-items -->
    </div> <!-- cats-list -->
  </div>
    <div id="middle">
      <div id="top-header" style="display:none;">{sdsdsd}</div>
      <div id="year-nav">
        <ul id="nav" class="dropdown dropdown-horizontal">
          <li class="dir">2010
            <ul>
              <li>2010</li>
              <li>2011</li>
            </ul>
          </li>
          
          <li class="dir">2000
            <ul>
              <li>2000</li>
              <li>2001</li>
              <li>2002</li>
              <li>2003</li>
              <li>2004</li>
              <li>2005</li>
              <li>2006</li>
              <li>2007</li>
              <li>2008</li>
              <li>2009</li>
            </ul>
          </li>
          
          <li class="dir">1990
            <ul>
              <li>1990</li>
              <li>1991</li>
              <li>1992</li>
              <li>1993</li>
              <li>1994</li>
              <li>1995</li>
              <li>1996</li>
              <li>1997</li>
              <li>1998</li>
              <li>1999</li>
            </ul>
          </li>
          <li class="dir">1980
            <ul>
              <li>1980</li>
              <li>1981</li>
              <li>1982</li>
              <li>1983</li>
              <li>1984</li>
              <li>1985</li>
              <li>1986</li>
              <li>1987</li>
              <li>1988</li>
              <li>1989</li>
            </ul>
          </li>
          <li class="dir">1970
            <ul>
              <li>1970</li>
              <li>1971</li>
              <li>1972</li>
              <li>1973</li>
              <li>1974</li>
              <li>1975</li>
              <li>1976</li>
              <li>1977</li>
              <li>1978</li>
              <li>1979</li>
            </ul>
          </li>
          <li class="dir">1960
            <ul>
              <li>1960</li>
              <li>1961</li>
              <li>1962</li>
              <li>1963</li>
              <li>1964</li>
              <li>1965</li>
              <li>1966</li>
              <li>1967</li>
              <li>1968</li>
              <li>1969</li>
            </ul>
          </li>
          <li class="dir">1950
            <ul>
              <li>1950</li>
              <li>1951</li>
              <li>1952</li>
              <li>1953</li>
              <li>1954</li>
              <li>1955</li>
              <li>1956</li>
              <li>1957</li>
              <li>1958</li>
              <li>1959</li>
            </ul>
          </li>
          <li class="dir">1940
            <ul>
              <li>1940</li>
              <li>1941</li>
              <li>1942</li>
              <li>1943</li>
              <li>1944</li>
              <li>1945</li>
              <li>1946</li>
              <li>1947</li>
              <li>1948</li>
              <li>1949</li>
            </ul>
          </li>
          <li class="dir">1930
            <ul>
              <li>1930</li>
              <li>1931</li>
              <li>1932</li>
              <li>1933</li>
              <li>1934</li>
              <li>1935</li>
              <li>1936</li>
              <li>1937</li>
              <li>1938</li>
              <li>1939</li>
            </ul>
          </li>
          <li class="dir">1920
            <ul>
              <li>1920</li>
              <li>1921</li>
              <li>1922</li>
              <li>1923</li>
              <li>1924</li>
              <li>1925</li>
              <li>1926</li>
              <li>1927</li>
              <li>1928</li>
              <li>1929</li>
            </ul>
          </li>
          <li class="dir">1910
            <ul>
              <li>1910</li>
              <li>1911</li>
              <li>1912</li>
              <li>1913</li>
              <li>1914</li>
              <li>1915</li>
              <li>1916</li>
              <li>1917</li>
              <li>1918</li>
              <li>1919</li>
            </ul>
          </li>
          <li class="dir"><a href="#" onclick="javascript:clearOverlays();load_all()">TODOS</a>
<!--            <ul>
              <li>1900</li>
              <li>1901</li>
              <li>1902</li>
              <li>1903</li>
              <li>1904</li>
              <li>1905</li>
              <li>1906</li>
              <li>1907</li>
              <li>1908</li>
              <li>1909</li>
            </ul> -->
          </li>
        </ul>
      </div>
      <div id="marker-tooltip"><strong>&nbsp;</strong> <br /><em>cargando...</em></div>
      <div id="map">cargando...</div>
    </div><!-- /middle -->
  </div><!-- /content -->
</div><!-- /wrapper -->
</body>
</html>
